@import "base";
.title-input{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin: px2rem(40px, $base-font-size) px2rem(20px, $base-font-size) px2rem(40px, $base-font-size) px2rem(20px, $base-font-size);
    @include px2px('font-size', 24);
    .title-input-title{
        width: px2rem(120px, $base-font-size);
    }
    .title-input-input{
        border: 1px solid #9F9F9F;
        border-radius: 5px;
        padding: px2rem(18px, $base-font-size);
        flex: 1;
        position: relative;
        input{
            border: none;
            width: 80%;
        }
    }
    .title-input-select{
        flex: 1;
        height: px2rem(80px, $base-font-size);
        border-radius: 5px;
        //盒子阴影修饰作用,自己随意
        box-shadow: 0 0 5px #ccc;
        position: relative;
        select{
            //清除select的边框样式
            border: none;
            //清除select聚焦时候的边框颜色
            outline: none;
            //将select的宽高等于div的宽高
            width: 100%;
            height: px2rem(80px, $base-font-size);
            @include px2px('line-height', 80);
            //隐藏select的下拉图标
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            //通过padding-left的值让文字居中
            padding-left: px2rem(120px, $base-font-size);
            background: #fff;
        }
    }
    .title-input-select:after{
        content: "";
        width: px2rem(32px, $base-font-size);
        height: px2rem(16px, $base-font-size);
        background: url(../imgs/xiala.png) no-repeat center;
        background-size: 100%;
        //通过定位将图标放在合适的位置
        position: absolute;
        right: px2rem(40px, $base-font-size);
        top: 38%;
        //给自定义的图标实现点击下来功能
        pointer-events: none;
    }
}


.right:after{
    content: "";
    width: px2rem(32px, $base-font-size);
    height: px2rem(32px, $base-font-size);
    background: url(../imgs/zhengque.png) no-repeat center;
    background-size: 100%;
    //通过定位将图标放在合适的位置
    position: absolute;
    right: px2rem(40px, $base-font-size);
    top: 26%;
    //给自定义的图标实现点击下来功能
    pointer-events: none;
}
.error:after{
    content: "";
    width: px2rem(32px, $base-font-size);
    height: px2rem(32px, $base-font-size);
    background: url(../imgs/error.png) no-repeat center;
    background-size: 100%;
    //通过定位将图标放在合适的位置
    position: absolute;
    right: px2rem(40px, $base-font-size);
    top: 26%;
    //给自定义的图标实现点击下来功能
    pointer-events: none;
}
